<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <!-- <script src="ajax.js"></script> -->
    <style>
     * {
            padding: 0;
            margin: 0;
        }

        li {
            list-style: none;
        }

        .wrap {
            width: 1200px;
            margin: 50px auto;
        }

        .wrap .left {
            float: left;
            width: 400px;

        }

        .smallBox {
            border: 1px solid #000;
        }

        .wrap img {
            width: 100%;
        }

        .wrap .right {
            width: 600px;
            float: left;
            margin-left: 150px;
            /* border: 1px solid #000; */
        }

        .wrap .right>* {
            margin-top: 20px;
        }

        .imgList {
            display: flex;
            margin-top: 50px;
        }

        .imgList>li {
            flex: 1;
            border: 1px solid #000;
        }
    </style>
    <script src="gooddetail.js" type="module"></script>
</head>
<body>
        <div class="wrap">
                <!-- <div class="left">
                    <div class="smallBox">
                        <img src="http://gw.alicdn.com/bao/uploaded/i2/72458074/TB2oYdsedXnpuFjSZFoXXXLcpXa_!!72458074.jpg"
                            alt="">
                    </div>
                    <ul class="imgList">
                        <li><img src="http://gw.alicdn.com/bao/uploaded/i2/72458074/TB2oYdsedXnpuFjSZFoXXXLcpXa_!!72458074.jpg"
                                alt=""></li>
                        <li><img src="http://gw.alicdn.com/bao/uploaded/i2/72458074/TB2oYdsedXnpuFjSZFoXXXLcpXa_!!72458074.jpg"
                                alt=""></li>
                        <li><img src="http://gw.alicdn.com/bao/uploaded/i2/72458074/TB2oYdsedXnpuFjSZFoXXXLcpXa_!!72458074.jpg"
                                alt=""></li>
                    </ul>
                </div>
                <div class="right">
                    <h2>法国拉杜蓝乔核桃油非婴儿婴幼儿辅食食用儿童宝宝无添加抖音同款</h2>
                    <p>
                        商品价格： <span>￥500</span>
                    </p>
                    <p>
                        交易数量： <span>￥500</span>
                    </p>
                    <p><button class="reduce">-</button><input type="num" value="1"><button class="add">+</button></p>
                    <p>
                        <button class="buyNow">立即购买</button>
                        <button class="addCar">加入购物车</button>
        
                    </p>
                </div> -->
            </div>
    <!-- <script>
    // var wrap=document.getElementsByClassName("wrap")[0] 
    // var good_id=location.search.split("=")[1]
    // console.log(good_id)
    // $.ajax({
    //     url:"goodlist.php",
    //     data:{good_id:good_id},
    //     callback:function(e){
    //       var goodinfo=JSON.parse(e)[0]
    //       console.log(goodinfo)
    //       var subpicList=goodinfo.goods_sub_pic.split(",")
    //       var html=`<div class="left">
    //                 <div class="smallBox">
    //                     <img src="http://${goodinfo.goods_pic}"
    //                         alt="">
    //                 </div>
    //                 <ul class="imgList">
    //                     <li><img src="http://${subpicList[0]}"
    //                             alt=""></li>
    //                     <li><img src="http://${subpicList[0]}"
    //                             alt=""></li>
    //                     <li><img src="http://${subpicList[0]}"
    //                             alt=""></li>
    //                 </ul>
    //             </div>
    //             <div class="right">
    //                 <h2>${goodinfo.goods_title}</h2>
    //                 <p>
    //                     商品价格： <span>￥${goodinfo.goods_current_price}</span>
    //                 </p>
    //                 <p>
    //                     交易数量： <span>${goodinfo.goods_trade_num}</span>
    //                 </p>
    //                 <p><button class="reduce">-</button><input type="num" value="1" class="num"><button class="add">+</button></p>
    //                 <p>
    //                     <button class="buyNow">立即购买</button>
    //                     <button class="addCar">加入购物车</button>
    //                 </p>
    //             </div> `
    //         wrap.innerHTML=html;
    //         var addCar=document.getElementsByClassName("addCar")[0]
    //         addCar.onclick=function(){
    //             var user=localStorage.getItem("user")
    //             var pwd=localStorage.getItem("pwd")
    //             var user_id=localStorage.getItem("user_id")
    //             if(user&&pwd&&user_id){
    //                     var goods_num=document.getElementsByClassName("num")[0].value
    //                     $.ajax({data:{
    //                         user_id:user_id,
    //                         user_name:user,
    //                         goods_id:good_id,
    //                         goods_name:goodinfo.goods_title,
    //                         goods_num:goods_num,
    //                         goods_price:goodinfo.goods_current_price,
    //                         goods_pic:goodinfo.goods_pic
    //                     },
    //                 url:"addtocar.php",
    //                 dataType:"json",
    //                 callback:function(result){
    //                     if(result.status){
    //                         if(confirm("加入购物车成功，是否跳转购物车")){
    //                             location.href ="shoppingcar.html?user_id="+user_id
    //                         }
    //                     }
    //                 }})
    //                 }
    //             else{
    //                 localStorage.setItem("backurl",location.href)
    //                 location.href="login.html"
    //             }
    //         }
    //     },
    // })
    //  </script> -->
</body>
</html>